﻿<html>
<head>
<style>
div.img
  {
  margin:3px;
  border:1px solid #bebebe;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:3px;
  border:1px solid #bebebe;
  }
div.img a:hover img
  {
  border:1px solid #333333;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  width:150px;
  font-size:12px;
  margin:10px 5px 10px 5px;
  }
img{
width:120px;
height:120px;
}
</style>
</head>
<body>
<h2>图片区<h2>
<div>
<div class="img">
  <a target="_blank" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1547141211920&di=439d33f12390653b7383fbb073f5491e&imgtype=0&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201512%2F21%2F20151221213605_uEQJT.jpeg">
  <img src="photo/1.jpg" alt="Ballade" >
  </a>
  <div class="desc">上传用户：A</div>
</div>

<div class="img">
  <a target="_blank" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1547141211919&di=1d826b95fcf50606a8ea3a2d2cab6bc6&imgtype=0&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201706%2F22%2F20170622132847_RPzAW.jpeg">
  <img src="photo/2.jpg" alt="Ballade" >
  </a>
  <div class="desc">上传用户：A</div>
</div>

<div class="img">
  <a target="_blank" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1547141272143&di=569d3432ba0dd7dd2847758c1408a00b&imgtype=jpg&src=http%3A%2F%2Fimg0.imgtn.bdimg.com%2Fit%2Fu%3D284096845%2C2447430061%26fm%3D214%26gp%3D0.jpg">
  <img src="photo/3.jpg" alt="Ballade" >
  </a>
  <div class="desc">上传用户：A</div>
</div>

<div class="img">
  <a target="_blank" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1547141275408&di=b2471b68396ae19be803ac33cfad24ac&imgtype=0&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201709%2F19%2F20170919004136_vWjT5.thumb.700_0.jpeg">
  <img src="photo/4.jpg" alt="Ballade" >
  </a>
  <div class="desc">上传用户：A</div>
</div>

<div class="img">
  <a target="_blank" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1547141278183&di=19d21c55862423cf505d1401a490a8cb&imgtype=0&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201506%2F25%2F20150625145437_mTjCu.jpeg">
  <img src="photo/5.jpg" alt="Ballade" >
  </a>
  <div class="desc">上传用户：A</div>
</div>

<div class="img">
  <a target="_blank" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1547141281681&di=eb75772e910b2e500fde4f189b218929&imgtype=0&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201705%2F25%2F20170525223316_8xAtQ.jpeg">
  <img src="photo/6.jpg" alt="Ballade">
  </a>
  <div class="desc">上传用户：A</div>
</div>

<div class="img">
  <a target="_blank" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1547141282625&di=a65f3664c5c360d0646a56add2e04aeb&imgtype=0&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201701%2F29%2F20170129220710_GTstw.jpeg">
  <img src="photo/7.jpg" alt="Ballade" >
  </a>
  <div class="desc">上传用户：A</div>
</div>

<div class="img">
  <a target="_blank" href="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1357918844,3019606827&fm=26&gp=0.jpg">
  <img src="photo/8.jpg" alt="Ballade" >
  </a>
  <div class="desc">上传用户：A</div>
</div>

</body>
</html>